<%@ include file="/WEB-INF/jsp/includes/include.jsp"%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html lang=en-us>
<html>
<head>
	<meta http-equiv="content-type" content="text/html; charset=utf-8" />
	<title>NoAssertions.com</title>
	<link rel="stylesheet" href="/noassertions/css/reset.css" />
	<link rel="stylesheet" href="/noassertions/css/text.css" />
	<link rel="stylesheet" href="/noassertions/css/960.css" />
	<link rel="stylesheet" href="/noassertions/css/nastyle.css" />
	
	<script type="text/javascript" src="/noassertions/scripts/jquery.js"></script>
	<script type="text/javascript" src="/noassertions/scripts/pikachoose.js"></script>
	<script type="text/javascript" src="/noassertions/scripts/homeviewer.js"></script>

</head>
<%@ include file="/WEB-INF/jsp/includes/bodyheader.jsp"%>

		<internal id="riderid">${riderid}</internal>
		<!--  start center section -->
		<div id="centerSection" class="grid_12">	
			<div id="ridernums" class="grid_2 alpha">
				<h1>${rider.riders[0].firstname} ${rider.riders[0].lastname}</h1>
				<ul>
					<li>Birth Date: ${rider.riders[0].birthdate}</li>
					<li>Total Height: ${rider.riders[0].totalbodyheight}</li>
					<li>Sternal Notch: ${rider.riders[0].sternalnotch}</li>
					<li>Trunk: ${rider.riders[0].trunk}</li>
					<li>Humerus: ${rider.riders[0].humerus}</li>
					<li>Forearm: ${rider.forearm}</li>
					<li>Total Arm: ${rider.riders[0].totalarm}</li>
					<li>Femur: ${rider.riders[0].femur}</li>
					<li>Tibia: ${rider.riders[0].tibia}</li>
					<li>Inseam: ${rider.riders[0].inseam}</li>
					<li>Foot Length: ${rider.riders[0].footlength}</li>
					<li>Notes: ${rider.riders[0].notes}</li>
				</ul>
				<p><a href="/noassertions/access/similar/rider">Find similar riders</a></p>	
			</div>
			<div id="piccontainer" class="grid_8">
				<div class="pikachooseCompact">
					<ul id="pikame_compact">
						<c:forEach var="i" begin="0" end="${numImagesMinusOne}">
							<li><img id="${i}" ref="/noassertions/img/${image.images[i].filename}" src="/noassertions/img/thumb-circle-active.png" <span>${image.images[i].label}</span></li>
						</c:forEach>
					</ul>
				</div>
			</div>
			<div id="fitnums" class="grid_2 omega">
		    	<img id="previousImage" src="/noassertions/img/resultset_previous.png"/>
				<h2>Fit <currentFit>1</currentFit> of  <numFits>${numFits}</numFits></h2>
				<img id="nextImage" src="/noassertions/img/resultset_next.png"/>
				<ul>
					<li>Date of Fit: <dateofmeasurement>${fit.fits[0].dateofmeasurement}</dateofmeasurement></li>
					<li>Saddle Height: <saddleheight>${fit.fits[0].saddleheight}</saddleheight></li>
					<li>Center to Bars: <centertobars>${fit.fits[0].centertobars}</centertobars></li>
					<li>Center to Saddle: <centertosaddle>${fit.fits[0].centertosaddle}</centertosaddle></li>
					<li>Floor to Saddle: <floortosaddle>${fit.fits[0].floortosaddle}</floortosaddle></li>
					<li>Floor to Bars: <floortobars>${fit.fits[0].floortobars}</floortobars></li>
					<li>Notes: <notes>${fit.fits[0].notes}</notes></li>
				</ul>
				<p><a href="/noassertions/access/similar/fit">Find similar fits</a></p>
			</div>
		</div>
		<div class="clear"></div>
		<!--  end center section -->
		
		<!--  start comments section-->
		<div id="commentsinfo" class="grid_12">
			<div id="commentsleft" class="grid_2 alpha">
				<hidden>h</hidden>
			</div>
			<div id="commentsmiddle" class="grid_8">
				<p>Picture/fit comments go here</p>
			</div>
			<div id="commentsright" class="grid_2 omega">
			</div>
		</div>		
		<!--  end comments section -->
<%@ include file="/WEB-INF/jsp/includes/footer.jsp"%>		